﻿<%@ Page Title="Trang chủ" Language="C#" MasterPageFile="~/Vetau.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Website_ve_tau._Default" %>

<asp:Content runat="server" ID="MainContent" ContentPlaceHolderID="MainContent">
    <div class="default-wrapper">

       <div class="schedule">
           
           <table class="test">
               <tr>
                   <td class="auto-style37">
                       <asp:RadioButton ID="rbMotchieu" runat="server" Text="Một chiều" />
                   </td>
                   <td class="auto-style2">
                       <asp:RadioButton ID="rdKhuhoi" runat="server" Text="Khứ hồi" />
                   </td>
                   <td class="auto-style33"></td>
                   <td class="auto-style11"></td>
               </tr>
               <tr>
                   <td class="auto-style21">Ga đi</td>
                   <td class="auto-style22">
                       <asp:DropDownList ID="ddlGadi" runat="server" Height="23px" Width="128px">
                       </asp:DropDownList>
                   </td>
                   <td class="auto-style31">Ga đến</td>
                   <td class="auto-style24">
                       <asp:DropDownList ID="ddlGaden" runat="server" Height="23px" Width="128px">
                       </asp:DropDownList>
                   </td>
               </tr>
               <tr>
                   <td class="auto-style13">Ngày đi</td>
                   <td class="auto-style42">
                       <asp:TextBox ID="txtDate" runat="server" BorderColor="#CCCCCC" BorderStyle="Solid"></asp:TextBox>
                       <img src="../Images/cal.png" onclick="popupCalendar()" />

                       
                       <!---------------------------------------------------------->

                       <div id="dateField" style="display:none">
                           <asp:Calendar id="calDate" runat="server" OnSelectionChanged="calDate_SelectionChanged" />                        
                       </div><!--End dateField-->

                       <!----------------------------------------------------------->

                   </td>
                   <td class="auto-style32">Số lượng vé</td>
                   <td class="auto-style8">
                       <asp:TextBox ID="txtSoVeDi" runat="server" BorderColor="#CCCCCC" BorderStyle="Solid"></asp:TextBox>
                   </td>
                   <td class="auto-style35">Mác tàu</td>
                   <td class="auto-style44">
                       <asp:DropDownList ID="ddlMacTauDi" runat="server" Height="23px" Width="93px">
                       </asp:DropDownList>
                   </td>
               </tr>
               <tr>
                   <td class="auto-style25">Ngày về</td>
                   <td class="auto-style43">
                       <asp:TextBox ID="txtDateBack" runat="server" BorderColor="#CCCCCC" BorderStyle="Solid"></asp:TextBox>
                        <img src="../Images/cal.png" onclick="popupCalendar()" />
                    
                       
                   </td>
                   <td class="auto-style34">Số lượng vé</td>
                   <td class="auto-style28">
                       <asp:TextBox ID="txtSoVeVe" runat="server" BorderColor="#CCCCCC" BorderStyle="Solid"></asp:TextBox>
                   </td>
                   <td class="auto-style36">Mác tàu đến</td>
                   <td class="auto-style20">
                       <asp:DropDownList ID="ddlMacTauDen" runat="server" Height="23px" Width="93px">
                       </asp:DropDownList>
                   </td>
               </tr>
               <tr>
                   <td class="auto-style12" colspan="5">&nbsp;</td>
                   <td>
                       <asp:Button ID="btnKiemTra" runat="server" BackColor="#3399FF" BorderStyle="None" ForeColor="White" Text="Kiểm tra" Width="93px" Font-Bold="True" />
                   </td>
               </tr>
           </table><!--End Table-->
           
       </div><!--End .schedule-->
        <hr />
       <div id="luotdi-info">
           <asp:DataGrid ID="dgLuotDiInfo" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" Width="491px">
               <AlternatingItemStyle BackColor="White" />
               <Columns>
                   <asp:BoundColumn DataField="LoaiTau" HeaderText="Loại"></asp:BoundColumn>
                   <asp:BoundColumn DataField="GiaVe" HeaderText="Giá vé"></asp:BoundColumn>
                   <asp:ButtonColumn CommandName="SelectTicketDi" HeaderText="Chọn" Text="Chọn"></asp:ButtonColumn>
               </Columns>
               <FooterStyle BackColor="#CCCC99" />
               <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
               <ItemStyle BackColor="#F7F7DE" />
               <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" Mode="NumericPages" />
               <SelectedItemStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
           </asp:DataGrid>
       </div><!--End #luotdi-info-->
        <hr />
        <div id="luotve-info">
            <asp:DataGrid ID="dgLuotVeInfo" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical" Width="489px">
                <AlternatingItemStyle BackColor="White" />
                <Columns>
                    <asp:BoundColumn DataField="LoaiVe" HeaderText="Loại"></asp:BoundColumn>
                    <asp:BoundColumn DataField="GiaVe" HeaderText="Giá vé"></asp:BoundColumn>
                    <asp:ButtonColumn CommandName="SelectTicketVe" HeaderText="Chọn" Text="Select"></asp:ButtonColumn>
                </Columns>
                <FooterStyle BackColor="#CCCC99" />
                <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
                <ItemStyle BackColor="#F7F7DE" />
                <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" Mode="NumericPages" />
                <SelectedItemStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
            </asp:DataGrid>
        </div><!--End #luotve-info-->
        
        <div class="ticket-info">
            <fieldset>
                <legend>Thông tin vé đặt</legend>
                
            </fieldset>
        </div><!--End .ticket-info-->

   </div><!--End #home-wrapper-->
</asp:Content>
<asp:Content ID="Content1" runat="server" contentplaceholderid="HeadContent">
    <style type="text/css">
        .auto-style2 {
            width: 181px;
            height: 44px;
        }
        .auto-style8 {
            height: 28px;
            width: 164px;
        }
        .auto-style11 {
            width: 164px;
            height: 44px;
        }
        .auto-style12 {
        }
        .auto-style13 {
            width: 84px;
            height: 28px;
        }
        .auto-style20 {
            height: 34px;
        }
        .auto-style21 {
            width: 84px;
            height: 32px;
        }
        .auto-style22 {
            width: 181px;
            height: 32px;
        }
        .auto-style24 {
            height: 32px;
            width: 164px;
        }
        .auto-style25 {
            width: 84px;
            height: 34px;
        }
        .auto-style28 {
            height: 34px;
            width: 164px;
        }
        .auto-style31 {
            width: 92px;
            height: 32px;
        }
        .auto-style32 {
            width: 92px;
            height: 28px;
        }
        .auto-style33 {
            width: 92px;
            height: 44px;
        }
        .auto-style34 {
            width: 92px;
            height: 34px;
        }
        .auto-style35 {
            width: 98px;
            height: 28px;
        }
        .auto-style36 {
            width: 98px;
            height: 34px;
        }
        .auto-style37 {
            height: 44px;
        }
        .auto-style40 {
            width: 42px;
            height: 28px;
        }
        .auto-style41 {
            width: 42px;
            height: 34px;
        }
        .auto-style42 {
            height: 28px;
            }
        .auto-style43 {
            height: 34px;
            }
        .auto-style44 {
            height: 28px;
        }
    </style>
</asp:Content>

